/* 博客编辑css */

.edit-container {
    width: 1000px;
    height: calc(100% - 50px);
    margin: 5px auto;
}
.edit-container .blog-title {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-bottom: 5px;
}
.blog-title #title {
    width: 895px;
    height: 30px;

    border-radius: 5px;
    border: none;
    /* 注意：去掉轮廓线，点在输入框时出现的黑框 */
    outline: none;
    box-sizing: border-box;

    /* 文字缩进 */
    text-indent: 1em;
    font-size: 15px;

    background-color: rgba(255,255,255,0.7);
}
/* 注意：获取到输入框焦点变色 */
#title:focus {
    background-color: white;
}
.blog-title #submit {
    width: 100px;
    height: 30px;
    color: white;
    /* 文字水平居中 */
    text-align: center;
    /* 文字竖直居中 */
    line-height: 30px;
    
    background-color: orange;
    border-radius: 5px;
    border: none;
}
/* 点击变灰色 */
#submit:active {
    background-color: #666;
}
#editor {
    border-radius: 5px;

    /* background-color: rgba(255,255,255,0.7); */
    /* 注意：markdown编辑器有很多子元素重叠在一起，不是透明的，使用rgba不能设置半透明
            但是这个属性半透明可以让子元素全部变透明，可以使用小数，百分数 */
    opacity: 70%;
}